<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/normalize.css">
    <title>Document</title>
</head>
<style>
    .courses_list {
        width: 100%;
        /* padding: 0 10px 0 10px; */
        overflow: hidden;
        font-size: 16px;
        color: #fff;
        background-color: #f8f8f8;
    }
    .course {
        overflow: hidden;
    }
    .course__img {
        width: 100%;
        overflow: hidden;
    }
    .course__img img {
        width: 100%;
    }
    .course_updateTime {
        background-color: #fc8717;
        float: right;
        height: 26px;
        line-height: 25px;
        /* padding: 0 3px 0 3px; */
        border-top-left-radius: 13px;
        border-bottom-left-radius: 13px;
    }
    .course__introduce {
        overflow: hidden;
        height: 50px;
        width: 100%;
        background-color: pink;
        /* padding: 32px 15px 32px 15px; */
        font-size: 16px;
    }
    .course__introduce--learnNum {
        color: #aaa;
        margin-left: 20px;
        display: inline-block;
    }
    .course__price {
        /* padding: 1px 0 1px 20px; */
        border-left: 1px solid #aaa;
        display: inline-block;
    }
    .course__price--discount {
        display: inline-block;
        font-weight: bold;
        color: #fb8919;
    }
    .course__num {
        display: inline-block;
    }
</style>

<body>
    <div class="courses_list">
        <div class="course">
            <div class="course__img">
                <img src="imgs/title.jpeg" alt="">
            </div>
            <div style="width: 100%; overflow: hidden; margin-top: -26px;">
                <div class="course_updateTime">
                    每周一/二/五更新
                </div>
            </div>
            <div class="course__introduce">
                <!-- <div class="course__introduce--learnNum">
                    &#9731; 3652人与你共同学习
                </div>
                <div class="course__price">
                    <div class="course__price--discount">
                        
                    </div>
                    <div class="course__num">/45</div>
                </div> -->
            </div>
        </div>
    </div>
</body>

</html>